@charset "UTF-8";

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box; }



body, html {

  font-family: "微软雅黑";

  color: #666;

  font-size: 14px;

  margin: 0 auto; }



/*-----------------------公共类-------------------------*/

.clearfix:before, .clearfix:after {

  content: "";

  display: table; }



.clearfix:after {

  clear: both; }



.clearfix {

  *zoom: 1; }



table {

  border-collapse: collapse; }



.fl {

  float: left; }



.fr {

  float: right; }



p {

  margin-bottom: 0; }



ul {

  list-style: none;

  margin-bottom: 0; }



select, input {

  vertical-align: middle; }



input {

  padding-top: 0;

  padding-bottom: 0;

  font-family: 'Microsoft YaHei','PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,Arial,sans-serif; }



input[type=submit] {

  -webkit-appearance: none;

  outline: none; }



img {

  border: 0; }



/**ie兼容*/

a {

  color: #666;

  text-decoration: none !important;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



a:hover {

  text-decoration: none;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



a:active {

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }



textarea {

  resize: none; }



/*防止拖动*/

s, i, em {

  font-style: normal;

  text-decoration: none; }



.container {

  padding: 0;

  margin: 0; }



/******************通用样式结束*****************/

.wrap {

  width: 100%;

  height: 100%; }



/*页面主题 start*/

/*index start*/

html, body {

  position: relative;

  height: 100%; }


body {

  margin: 0;

  padding: 0; }







.index_header {



  top: 0;

  width: 100%;

  height: 108px;

  z-index: 111111;

  font-size: 16px;

  background: #fff;





 }

  .index_header .index_logo {

    margin-left: 2%;

    margin-top: 20px; }

  .index_header .index_nav {

    margin-right: 2%; }

    .index_header .index_nav .index_nav_ul > li {

      float: left;

	  line-height:70px;

	  height:70px;

	  padding-top:35px;

    }

      .index_header .index_nav .index_nav_ul > li .tag_nav {

        position: absolute;

        width: 100%;

        height: 52px;

        background: rgba(0, 0, 0, 0.53);

        filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

        line-height: 52px;

        left: 0;

        display: none;

        z-index: 111111; }

        .index_header .index_nav .index_nav_ul > li .tag_nav ul {

          margin-right: 12.7%; }

          .index_header .index_nav .index_nav_ul > li .tag_nav ul li {

            float: left;

            padding-left: 40px; }

            .index_header .index_nav .index_nav_ul > li .tag_nav ul li a {

              color: #fff;

              display: block;

              text-align: right; }

              .index_header .index_nav .index_nav_ul > li .tag_nav ul li a:hover {

                color: #ad0101; }

      .index_header .index_nav .index_nav_ul > li > a {

        display: block;

        padding: 0 20px;

        color: #494949;

        border-bottom: 3px solid transparent; }

        .index_header .index_nav .index_nav_ul > li > a.index_nav_active {

          color: #003677;

          border-bottom: 3px solid #003677; }

        .index_header .index_nav .index_nav_ul > li > a:hover {

          color: #ad0101;

          border-bottom: 3px solid #ad0101; }

    .index_header .index_nav .index_search {

      margin-top: 50px;

      margin-left: 5px;

      border-right: 1px solid #fff;
	  position:relative;
	  }
     .ewm{ width:100px; height:auto; position:absolute; top:60px; left:-30px; opacity:0}
	 .ewm img{ width:100%; height:auto;}
	 .index_search:hover .ewm{ opacity:1;
transition:all 0.8s ease-out; z-index:99}
      .index_header .index_nav .index_search img {

        vertical-align: -1px;

        margin-right: 10px;


        cursor: pointer; }

    .index_header .index_nav .index_or {

      margin-top: 25px;

      margin-left: 15px; }

      .index_header .index_nav .index_or .index_en {

        border-right: 0; }

      .index_header .index_nav .index_or .index_china {

        border-left: 0; }

      .index_header .index_nav .index_or > a {

        display: inline-block;

        float: left;

        padding: 0 3px;

        color: #fff;

        border: 2px solid #fff;

        font-size: 8px; }

        .index_header .index_nav .index_or > a.index_or_active {

          border: 2px solid #003677;

          background: #003677; }

        .index_header .index_nav .index_or > a:hover {

          border-color: #003677;

          background: #003677; }



.inner{ width:73%; margin:0 auto;}

.mou{position:absolute; bottom:5%; left:50%; z-index:99}

.fa_a{ width:65.7%; margin-top:30px; position:relative; overflow:hidden; float:left} 

.fa_a img,.fa_b img{ width:100%;}

.fa_a:hover .fa_atu,.fa_b:hover .fa_atu,.fb_a:hover .fa_atu,.fc_a:hover .fa_atu{ transform: scale(1.1);

transition:all 0.8s ease-out;}

.fa_atxt{ width:18.91%; position:absolute; top:11%; right:6.5%}

.fa_b{ width:31%; margin-top:30px; position:relative; overflow:hidden; float:right;} 

.fa_btxt{ width:40%; position:absolute; top:11%; right:6.5%}

.fa_atu{ float:left;}

.fb_a{ width:31.14%; float:left; margin-top:30px; overflow:hidden; position:relative;}

.fb_atxt,.fb_btxt{   position: absolute;top:57%;left: 0;width: 100%;height: 22.5%;background-color: rgba(0, 0, 0, 0.5); text-align:center; padding-top:10px; z-index:9}

.fb_atit,.fb_btit{ width:100%; height:59px; background:url(../images/fb_atit.jpg) repeat-x; float:left; line-height:59px; font-size:18px; text-align:center;}



.fb_b{ width:65.64%; float:right; margin-top:30px; overflow:hidden; position:relative;}


.fc_a{ width:31.14%; float:left; overflow:hidden; margin-top:30px; overflow:hidden; position:relative}

.fcmar{ margin-left:3.2%; margin-right:3.2%;}

.fctxt{position: absolute;top:0;right: 0;width: 47%; padding-top:20%;background-color: rgba(0, 0, 0, 0.8); text-align:center;  z-index:9; height:100%;}

.fc_a p{ font-size:20px; color:#fff;}

.fc_a span{ font-size:14px; color:#fff; line-height:24px; display:block; padding:120px 0px 0px 60px; text-align:left;}

.fc_a:hover .fctxt{background-color: rgba(225, 0, 44, 1); transition:all 0.4s ease-out;}

.fctxtb{position: absolute;top:0;right: 0;width: 47%; padding-top:50px;background-color: rgba(225, 0, 44, 0); text-align:center;  z-index:8; height:100%;}

.fc_a:hover .fctxtb{background-color: rgba(225, 0, 44, 0.6);transition:all 0.4s ease-out; width:60%;}



.foot{ width:100%; background:url(../images/footbg.jpg) no-repeat center top; border-top:5px solid #000; float:left; padding-top:50px; padding-bottom:60px;}

.hdb,.hdd{ cursor:pointer;}

.foota{ width:31.14%; float:left; overflow:hidden; overflow:hidden; position:relative}
.ftimg img{ width:100%;}
.m70{ margin-top:70px;}

.foota img{ float:left; margin-bottom:35px;}

.foota p{ width:100%;line-height:28px; float:left; margin-left:5%; padding-left:10%; margin-bottom:25px; font-size:12px;}

.fadd{ background:url(../images/i1.png) no-repeat left top; line-height:24px; }

.ftel{ background:url(../images/i2.png) no-repeat left top; }

.fcz{ background:url(../images/i3.png) no-repeat left top; }

.fem{ background:url(../images/i4.png) no-repeat left top; }

.foota form{ width:76%; padding-top:112px;}

.foota input{ width:98%; background-color:rgba(217,217,217,0.5); width:326px; height:38px; border:1px solid #b5b5b5; padding-left:10px; margin-bottom:18px;}

#tj{width:98%; background:#df001d; width:326px; height:38px;padding-left:10px; margin-bottom:18px; color:#fff;}

.foota h4{ width:100%; margin-top:50px; float:left;} 

.foota ul{ width:80%; float:left;}

.foota ul li{ width:30%; margin:0 1.5%; float:left; font-size:14px; color:#000;}

.foota ul li a{ width:100%; float:left; display:block; color:#5e5d5d; font-size:12px; line-height:22px; margin-top:15px; }

.footb{ width:100%; float:left; background:#a9a9a9; text-align:center; line-height:53px; color:#fff;}

.footb span{ padding:0px 15px;}

/*-------------------- AniClass --------------------*/

.lineAni{display:inline-block;position:absolute;top:0;left:0;z-index:0;width: calc(100% - 20px);height: calc(100% - 20px);margin: 10px;overflow:hidden;}

.lineAni_top{content:'';display:inline-block;position:absolute;z-index:1;top: 0;left: 0;width:0%;height:1px;background:#fff;opacity:0;transition:all .5s ease-out;}

.lineAni_bottom{content:'';display:inline-block;position:absolute;z-index:1;bottom: 0;left: 0;width:0%;height:1px;background:#fff;opacity:0;transition:all .5s ease-out;}

a:focus .lineAni .lineAni_top,.lineAni:hover .lineAni_top{width:100%;opacity:1;transition:all .5s ease-in-out;}

a:focus .lineAni .lineAni_bottom,.lineAni:hover .lineAni_bottom{width:100%;opacity:1;transition:all .5s ease-in-out;}

.lineAni_right{content:'';display:inline-block;position:absolute;z-index:1;top: 0;right: 0;width:1px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}

.lineAni_left{content:'';display:inline-block;position:absolute;left: 0;z-index:1;width:1px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}

a:focus .lineAni .lineAni_right,.lineAni:hover .lineAni_right{height:100%;opacity:1;transition:all .5s ease-in-out;}

a:focus .lineAni .lineAni_left,.lineAni:hover .lineAni_left{height:100%;opacity:1;transition:all .5s ease-in-out;}



/*内页*/

.company {



    background-image:url(../images/company-bg.jpg) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;

	padding-top: 110px;

}

.page-block-name {

    text-align: center;

    overflow: hidden;

    margin-bottom: 30px;

}

.page-block-name h3 {

    font-size: 32px;

    line-height: 42px;

    font-weight: bold;

	color:#fff;

}

.page-block-name p {

    font-size: 36px;

    margin-top: 20px;

    font-weight: lighter;

}

.page-block-name.white p {

    color: #E1E1E1;

}

.company .content {

    float: none;

    margin: 0 auto;

    color: #fff;

    overflow: hidden;

}

.company .content ul {

    margin-left: -15px;

    margin-bottom: 30px;

    overflow: hidden;

}

.company .content li {

	position:relative;

    float: left;

    width: 29%;

	margin:0 2%;

}

.zoom {

    overflow: hidden;

}



.zoom figure img {

    transition: .7s;

    -moz-transition: .7s;

    -webkit-transition: .7s;

    -o-transition: .7s;

    line-height: 1em;

    min-height: auto;

    max-width: 100%;

}

.zoom:hover figure img{-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}

.aboutus .drop-icon {

    position: relative;

    margin-top: 50px;

}

.drop-icon {

    position: absolute;

    width: 120px;

    bottom: 30px;

    left: 50%;

    z-index: 10001;

    margin-left: -60px;

    text-align: center;

}

.alm_fud {

    animation: almfud 2s linear 0s infinite;

    -moz-animation: almfud 2s linear 0s infinite;

    -webkit-animation: almfud 2s linear 0s infinite;

    -o-animation: almfud 2s linear 0s infinite;

}

.nyan{ width:100%; position:relative; padding-top:120px;}

.mar0{ margin:0px;}

.content figure{ display:block;}

.company .content{ padding:10px; line-height:36px; font-size:14px;}



.culture {

    background-size: 100%;

    padding: 120px 0 0px;

	background-image:url(../images/culture-bg.jpg) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;

}

.culture-list {

    margin: 0 auto;

    padding-top: 20px;

    display: block;

    overflow: hidden;

}

.culture-list li {

    position: relative;

    float: left;

    display: block;

    overflow: hidden;

	max-height:260px;

	 margin-bottom:10px;

}

.culture-list li figure img {

    position: absolute;

    min-height: 100%;

    min-width: 100%;

    max-width: inherit;

    min-height: inherit;

}

.culture-list li a span {

    margin: 40px;

    display: block;

}

.culture-list li h4 {

    font-size: 28px;

    line-height: 28px;

    color: #fff;

    margin-bottom: 10px;

    font-weight: bold;

}

.culture-list li p {

    font-size: 16px;

}

.culture-list li figure{ display:block;}

.culture-list li a {

    position: absolute;

    left: 0;

    top: 0;

    color: #fff;

    width: 100%;

    height: 100%;

}

.hover_line {

    width: 100%;

    height: 100%;

    background: transparent;

    left: 0%;

    top: 0%;

    cursor: pointer;

    position: absolute;

    opacity: 1;

    -webkit-transition: all .8s ease-in-out;

    -moz-transition: all .8s ease-in-out;

    -o-transition: all .8s ease-in-out;

    transition: all .8s ease-in-out;

}

.zzc{position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.4);}



.culture-list li:hover img{-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2);transition:all 0.8s ease-out;}

.culture-list li:hover .zzc{ background-color: rgba(0, 0, 0, 0.6);}

.ct1{ width:40.76%;}

.ct2{ width:28.66%}

.ct2m{ margin-left:0.06%;margin-right:0.06%}

.ct2m0{ margin-bottom:10px;}



.newslb{ background-size: 100%;

    padding: 80px 0 0px;

	background-image:url(../images/culture-bg.jpg) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}

.newsnav{ width:100%; text-align:center;}

.newsnav ul li{ width:120px; height:40px; border-bottom-right-radius: 10px;border-top-left-radius: 10px;

text-transform: capitalize; background:#c90902; margin-right:20px; line-height:40px;

transition: all 0.30s linear; margin-bottom:30px; display:inline-table}

.newsnav ul li img{ width:90%; text-align:center}

.newsnav ul li a{ color:#fff;}

#pagelist{ width:100%; text-align:center; margin-top:30px;color:#d4d3d1;}

.espcms_page_botton{ width:100%; text-align:center; line-height:40px;}

.fy span{ border:1px solid #d4d3d1; display:inline-table; padding:0 10px; margin-right:5px; font-size:12px; line-height:30px;color:#d4d3d1;}

.fy a{ background:#e9002b; display:inline-table; padding:0 10px; margin-right:5px; font-size:12px; line-height:30px;color:#d4d3d1;}

.post-slide{

		    margin: 0 15px;

		}

		.post-slide .post-img{

		    overflow: hidden;

		}

		.post-slide .post-img img{

		    width: 100%;

		    height: auto;

		    transform: scale(1);

		    transition: all 1s ease-in-out 0s;

			max-height:260px;

		}

		.post-slide:hover .post-img img{

		    transform: scale(1.08);

		}

		.post-slide .post-content{

		    background: #fff;

		    padding: 20px;

		}

		.post-slide .post-title{

		    font-size: 17px;

		    font-weight: 600;

		    margin-top: 0;

		    text-transform: capitalize;

		}

		.post-slide .post-title a{

		    display: inline-block;

		    color: #808080;

		    transition: all 0.3s ease 0s;

		}

		.post-slide .post-title a:hover{

		    color: #3d3030;

		    text-decoration: none;

		}

		.post-slide .post-description{

		    font-size: 15px;

		    color: #676767;

		    line-height: 24px;

		    margin-bottom: 14px;

		}

		.post-slide .post-bar{

		    padding: 0;

		    margin-bottom: 15px;

		    list-style: none;

		}

		.post-slide .post-bar li{

		    color: #676767;

		    padding: 2px 0;

		}

		.post-slide .post-bar li i{

		    margin-right: 5px;

		}

		.post-slide .post-bar li a{

		    display: inline-block;

		    font-size: 12px;

		    color: #808080;

		    transition: all 0.3s ease 0s;

		}

		.post-slide .post-bar li a:after{

		    content: ",";

		}

		.post-slide .post-bar li a:last-child:after{

		    content: "";

		}

		.post-slide .post-bar li a:hover{

		    color: #3d3030;

		    text-decoration: none;

		}

		.post-slide .read-more{

		    display: inline-block;

		    padding: 10px 15px;

		    font-size: 14px;

		    font-weight: bold;

		    color: #fff;

		    background: #c90902;

		    border-bottom-right-radius: 10px;

		    text-transform: capitalize;

		    transition: all 0.30s linear;

		}

		.post-slide .read-more:hover{

		    background: #333;

		    text-decoration: none;

		}

		.newslist{width:98%; margin-left:1%; padding-bottom:100px;}

		.newslist ul li{ width:100%; background-color: rgba(255, 255, 255, 0.8); float:left; padding-right:2%; font-size:12px; line-height:24px; margin-top:30px;}

		.newslist ul li p{ width:10%; background:#c90902; padding:10px 2%; color:#fff; font-size:24px; text-align:center; line-height:36px; float:left; }
        .newspic{ width:10%; float:left; height:92px; overflow:hidden;margin-right:1%;}.newspic img{ width:100%;}
		.newslist ul li p span{ width:100%; display:block; font-size:16px;}

		.newslist ul li b{ display:block; width:100%; line-height:30px; padding-top:10px; font-size:16px; color:#3d3030;}

		.newslist ul li:hover{ background-color: rgba(201, 9, 2, 0.6);transition:all 1s ease-out; color:#fff;}

		.newslist ul li:hover b{ color:#fff;transition:all 1s ease-out; }

		.newslist ul li:hover a{ color:#fff;transition:all 1s ease-out; }

		.slide-imageb{ opacity:0;}
.sjban{ display:none;}
.lxwm{ background-size: 100%;

    padding: 80px 0 0px;

	background-image:url(../images/culture-bg.jpg) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; padding-bottom:100px;}

	
     
	.lxwmcont{ width:70%; float:left; margin-bottom:70px; margin-left:15%;  background:#e9002b}
	
	.newsny{ width:100; font-size:16px; color:#333; text-align:center; line-height:40px;}

	.newsnyb{ font-size:12px; color:#333; line-height:36px;}
	.newsnyb img{ width:90%;}


	.newsnyb p{ text-indent:2em;}

	.newsnybg{ width:100%; background-color:rgba(255,255,255,0.6); padding:20px; border-radius:8px;}

	.newsnybg .espcms_book{ margin-top:50px; border-top:1px solid #333;}

	.mzsk{ width:100%; float:left;}

	.mzban{ width:100%;}

	.mzban img{ width:100%; float:left;}

	.mztit{ width:100%; background:#eeeeee; height:140px; float:left; }

	.mztit p{ font-size:18px; line-height:140px; color:#1d1d1d;}

	.mztit p span{ font-size:24px;}

	.mztit p a{ display:block; float:right; width:96px; line-height:32px; border-bottom-right-radius: 10px;border-top-left-radius: 10px; background:#e9002b; color:#fff; text-align:center; margin-top:50px;}

	.mzcont{ width:100%; float:left;}

	.mzcont dl{ width:100%; float:left;}

	.mzcont dd{ width:60%; height:400px;}
	.mzcont dt{width:40%;}

	.mzcont dt img,.mzcont dd img{ width:100%; float:left;}

	.mzcont dt h1,.mzcont dd h1{ font-size:24px; font-weight:normal; margin-top:50px; }

	.mzcont dt p,.mzcont dd p{ font-size:16px;}

	.mzc1{ background:#c51321;}.mzc2{ background:#ffb100;}.mzc3{ background:#25c885;}.mzfc{ color:#fff;}

	.mztl{ text-align:right;}

	.mztr{ text-align:left;}

	.mzpr{ padding:0 5%;}

	.mzpl{ padding:0 5%;}

	.mzmr{ margin-right:10%;}
	.mzpt{ padding-top:40px;}

	.mzml{ margin-left:10%; }

	.mzlin30{ line-height:30px;margin-top:70px;}

	.syzsk{display:block;  width:96px; line-height:32px; border-bottom-right-radius: 10px;border-top-left-radius: 10px; background:#e9002b; color:#fff; text-align:center; margin-top:50px;}
	.shxxpad{ padding-top:30px; float:left;}
	
	.nlx{ width:100%; padding:50px 5%; color:#fff; }
	.nlxp{ padding-bottom:50px;}
	.bdmap{width:58%;height:420px;border:#ccc solid 1px;font-size:12px; float:left; }
	.nlxa{ width:25%; float:left; margin-right:2%;}
	.nlxa h1{ margin:0; padding:0}
	.nlxa p{ line-height:38px; font-size:14px;}
	.nlxb{ width:15%; float:left;}
	.nlxb img{ width:100%;}
	.shxx li{ width:48%; float:left; padding-bottom:15px; border-bottom:1px solid #CCC; margin-top:30px; padding-right:10px}
	.shxx li img{ width:200px; float:left; margin-right:10px; max-height:325px;}
	.shxx li p{ line-height:32px; font-size:14px;}
	.w200{ display:none;}.w100{ width:100%;}.w300{ width:100%;}
	/*.aboutcont p{ text-indent:2em}*/
	

	/* leftsead */

#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}

*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#leftsead li{width:161px;height:60px;}

#leftsead li img{float:right;}

#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}

#leftsead li a .shows{display:block;}

#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}

#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}

#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}

#p2{width:112px;background-color:#ff9900;height:48px;margin-left:47px;text-align:center;line-height:47px}

#p3{width:112px;background-color:#ff9900;height:49px;margin-left:47px;text-align:center;line-height:47px}

#p1{width:47px;height:49px;float:left}





/*index end*/

/*微信*/
.wxa{ width:100%; float:left}
.wxa img{ width:100%; height:auto; float:left;}
.wxb{ width:100%; float:left;}
.wxb ul li{ width:50%; padding:10px 6px; float:left;}
.wxb ul li img{ width:100%; float:left;}
.wxc{ width:100%; float:left; font-size:0.8em; line-height:30px; color:#666; padding:10px 3%;}
/*微信end*/

/*页面主题 end*/

/*响应式开始*/

.header_zt {

  display: none;

  width: 100%;

  height: 60px;

  background: #fff;

  padding: 0 4%;

  position: fixed;

  top: 0;

  z-index: 999999;

  border-bottom: 1px solid #000; }

  .header_zt .header_zt_logo img {

    width: 20%;

    margin-top: 15px; }







@media screen and (min-width: 375px) and (max-width: 412px) {

  .search_zt .zt_s1 {

    width: 77%; }



  .search_zt .zt_s1 img {

    width: 6%; } }

.menu-btn {

  display: block;

  position: fixed;

  top: 22px;

  right: 4%;

  width: 24px;

  height: 25px;

  z-index: 9999999; }



.menu-btn > span {

  display: block;

  width: 24px;

  height: 3px;

  background: #fff;

  cursor: pointer;

  border-radius: 3px;

  margin-left: 0; }



.menu-btn > span:nth-child(1) {

  position: absolute;

  top: 4px; }



.menu-btn > span:nth-child(2) {

  position: absolute;

  top: 11px; }



.menu-btn > span:nth-child(3) {

  position: absolute;

  top: 18px; }



.menu-btn > .span1 {

  background: white;

  -webkit-animation: span1 .5s alternate;

  -moz-animation: span1 .5s alternate;

  animation: span1 .5s alternate;

  -webkit-transform: translateY(7px) rotateZ(45deg);

  -moz-transform: translateY(7px) rotateZ(45deg);

  transform: translateY(7px) rotateZ(45deg); }



.menu-btn > .span3 {

  background: white;

  -webkit-animation: span2 .5s alternate;

  -moz-animation: span2 .5s alternate;

  animation: span2 .5s alternate;

  -webkit-transform: translateY(-7px) rotateZ(-45deg);

  -moz-transform: translateY(-7px) rotateZ(-45deg);

  transform: translateY(-7px) rotateZ(-45deg); }



.menu-btn > .span1-1 {

  background: #fff;

  -webkit-animation: span1-1 .5s alternate;

  -moz-animation: span1-1 .5s alternate;

  -o-animation: span1-1 .5s alternate;

  animation: span1-1 .5s alternate;

  -webkit-transform: translateY(0px) rotateZ(0deg);

  -moz-transform: translateY(0px) rotateZ(0deg);

  -ms-transform: translateY(0px) rotateZ(0deg);

  -o-transform: translateY(0px) rotateZ(0deg);

  transform: translateY(0px) rotateZ(0deg); }



.menu-btn > .span3-1 {

  animation: span3-1 .5s alternate;

  -webkit-transform: translateY(0px) rotateZ(0deg);

  -moz-transform: translateY(0px) rotateZ(0deg);

  -ms-transform: translateY(0px) rotateZ(0deg);

  -o-transform: translateY(0px) rotateZ(0deg);

  transform: translateY(0px) rotateZ(0deg);

  background: #fff; }



@keyframes span1 {

  0% {

    transform: translateY(0px) rotateZ(0deg); }

  10% {

    transform: translateY(-3px); }

  70% {

    transform: translateY(7px); }

  100% {

    transform: translateY(7px) rotateZ(45deg);

    background: #000; } }

@-webkit-keyframes span1 {

  0% {

    -webkit-transform: translateY(0px) rotateZ(0deg); }

  10% {

    -webkit-transform: translateY(-3px); }

  70% {

    -webkit-transform: translateY(7px); }

  100% {

    -webkit-transform: translateY(7px) rotateZ(45deg);

    background: #000; } }

@-moz-keyframes span1 {

  0% {

    -moz-transform: translateY(0px) rotateZ(0deg); }

  10% {

    -moz-transform: translateY(-3px); }

  70% {

    -moz-transform: translateY(7px); }

  100% {

    -moz-transform: translateY(7px) rotateZ(45deg);

    background: #000; } }

@keyframes span2 {

  0% {

    transform: translateY(0px) rotateZ(0deg); }

  10% {

    transform: translateY(3px); }

  70% {

    transform: translateY(-7px); }

  100% {

    transform: translateY(-7px) rotateZ(-45deg);

    background: #000; } }

@keyframes span2 {

  0% {

    transform: translateY(0px) rotateZ(0deg); }

  10% {

    transform: translateY(3px); }

  70% {

    transform: translateY(-7px); }

  100% {

    transform: translateY(-7px) rotateZ(-45deg);

    background: #000; } }

@-webkit-keyframes span2 {

  0% {

    -webkit-transform: translateY(0px) rotateZ(0deg); }

  10% {

    -webkit-transform: translateY(3px); }

  70% {

    -webkit-transform: translateY(-7px); }

  100% {

    -webkit-transform: translateY(-7px) rotateZ(-45deg);

    background: #000; } }

@keyframes span1-1 {

  0% {

    transform: translateY(7px) rotateZ(45deg); }

  10% {

    transform: translateY(7px); }

  70% {

    transform: translateY(-3px); }

  100% {

    transform: translateY(0px) rotateZ(0deg);

    background: #000; } }

@-webkit-keyframes span1-1 {

  0% {

    -webkit-transform: translateY(7px) rotateZ(45deg); }

  10% {

    -webkit-transform: translateY(7px); }

  70% {

    -webkit-transform: translateY(-3px); }

  100% {

    -moz-transform: translateY(0px) rotateZ(0deg);

    background: #000; } }

@-moz-keyframes span1-1 {

  0% {

    -moz-transform: translateY(7px) rotateZ(45deg); }

  10% {

    -moz-transform: translateY(7px); }

  70% {

    -moz-transform: translateY(-3px); }

  100% {

    -moz-transform: translateY(0px) rotateZ(0deg);

    background: #000; } }

@keyframes span3-1 {

  0% {

    transform: translateY(-7px) rotateZ(-45deg); }

  10% {

    transform: translateY(-7px); }

  70% {

    transform: translateY(3px); }

  100% {

    transform: translateY(0px) rotateZ(0deg);

    background: #000; } }

@-webkit-keyframes span3-1 {

  0% {

    -webkit-transform: translateY(-7px) rotateZ(-45deg); }

  10% {

    -webkit-transform: translateY(-7px); }

  70% {

    -webkit-transform: translateY(3px); }

  100% {

    -webkit-transform: translateY(0px) rotateZ(0deg);

    background: #000; } }

@-moz-keyframes span3-1 {

  0% {

    -moz-transform: translateY(-7px) rotateZ(-45deg); }

  10% {

    -moz-transform: translateY(-7px); }

  70% {

    -moz-transform: translateY(3px); }

  100% {

    -moz-transform: translateY(0px) rotateZ(0deg);

    background: #000; } }

.right-menu {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  background: #333;

  z-index: 9999997;

  min-width: 320px;

  overflow: hidden;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  transform: translateX(100%);

  -webkit-transition: .45s;

  -moz-transition: .45s;

  transition: .45s; }



.right-menu > div {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding-top: 100px;

  z-index: 1;

  background: #333;

  -webkit-transition: .4s;

  -moz-transition: .4s;

  transition: .4s; }



.right-menu > div > .menu-ul {

  height: 80%;

  overflow-x: hidden;

  overflow-y: scroll; }



.right-menu > div > .menu-ul > li {

  width: 100%;

  line-height: 2.5em;

  position: relative;

  font-size: 17px; }



.right-menu > div > .menu-ul > li > a {

  border-bottom: 1px solid #444;

  color: white;

  display: block;

  opacity: .8;

  opacity: 0.8;

  filter: alpha(opacity=80);

  width: 100%;

  padding-left: 10%; }



.right-menu > div > .menu-ul > li:hover {

  opacity: 1;

  opacity: 1;

  filter: alpha(opacity=100); }



.right-menu > div > .menu-ul > li > img {

  width: 24px;

  position: absolute;

  top: 5px;

  right: 10px; }



.menu-ul .new-ul2 {

  display: block; }



.menu-ul .new-ul2 > p {

  width: 100%;

  border-bottom: 1px solid #444;

  line-height: 2.5em;

  position: relative;

  font-size: 13px; }



.menu-ul .new-ul2 > p > a {

  color: white;

  display: block;

  opacity: .8;

  opacity: 0.8;

  filter: alpha(opacity=80);

  width: 100%;

  padding-left: 15%; }



.menu-ul .new-ul2 > p > a:hover {

  opacity: 1;

  opacity: 1;

  filter: alpha(opacity=100); }



.right-menu1 {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-transform: translateX(0px);

  -moz-transform: translateX(0px);

  transform: translateX(0px); }



.search_zt {

  display: none; }



.deng1 {

  display: none; }



@media screen and (min-width: 320px) and (max-width: 885px) {

  .wan_index .wan_index_a .index_word {

    top: 22%; }



  .header {

    display: none; }



  .header_zt {

    display: block; }



  .search_zt {

    display: block; }



  .deng {

    display: none; }



  .deng1 {

    display: block; } }

@media screen and (min-width: 320px) and (max-width: 768px) {

  .index_header {

    display: none; }



  .wan_index .wan_index_a .index_word .index_word_a {

    font-size: 18px; }



  .wan_index .wan_index_a .index_sharing .bdsharebuttonbox .index_wx {

    background-size: 85%; }



  .wan_index .wan_index_a .index_sharing .bdsharebuttonbox .bds_sqq {

    background-size: 85%; }



  .wan_index .wan_index_a .index_sharing .bdsharebuttonbox .bds_tsina {

    background-size: 85%; }



  .wan_index .wan_index_a .index_sharing .bdsharebuttonbox .index_fk {

    background-size: 85%; }



  .wan_index .wan_index_a .index_sharing .bdsharebuttonbox a {

    width: 30px;

    height: 30px; }



  .wan_index .wan_index_b .index_group ul li {

    width: 50%; }



  .wan_index .wan_index_b .index_group ul li .index_group_b .index_group_txt {

    font-size: 18px; }



  .wan_index .wan_index_a .index_inlet img {

    width: 16%; }



  .index_mouse {

    bottom: 7%; }



  .header_zt .header_zt_logo img {

    width: 65%;

	margin-top:5px;}



  .header_zt {

    background: rgba(0, 0, 0, 0.5);

    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); }



  .search_zt {

    background: rgba(0, 0, 0, 0.5);

    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); }



  .wan_index .wan_index_a .index_word .index_word_d {

    margin-top: 3%; } 

  .htmleaf-container{ width:100%; height:100%; overflow:hidden;}	

  .bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: autos;

	height:100%;

	width:auto;

}

}

@media screen and (min-width: 320px) and (max-width: 478px) {

  .wan_index .wan_index_a .index_word .index_word_c {

    width: 300px;

    font-size: 14px; } }

@media screen and (min-width: 320px) and (max-width: 374px) {

  .wan_index .wan_index_b .index_group ul li .index_group_b .index_group_txt_a {

    font-size: 12px; }



  .wan_index .wan_index_b .index_group ul li .index_group_b {

    padding-top: 22%; }



  .wan_index .wan_index_a .index_word .index_word_b {

    margin-top: 20px;

    margin-bottom: 20px; }



  .wan_index .wan_index_a .index_word .index_word_c {

    font-size: 12px;

    line-height: 25px;

    width: 250px; }



  .wan_index .wan_index_a .index_word .index_word_d {

    margin-top: 20px; }



  .index_foot {

    bottom: 0;

    font-size: 12px; }



  .search_zt .zt_s1 {

    width: 75%; } }



/*# sourceMappingURL=index.css.map */